<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <style>
        #point {
            background: #82A82F;
            color: black;
        }  
    </style>

    <!-- BUTTON RESPONSIVE, AND JQUERY OPEN MENÚ -->
    <ul class="nav">
        <li>
            <a href="#" data-toggle="offcanvas" class="visible-xs text-center">
                <i class="glyphicon glyphicon-fullscreen"></i>
            </a>
        </li>
    </ul>

    <h:form>
        <ul class="accordion nav hidden-xs" id="lg-menu">
            <strong><h3>Menú Principal</h3></strong>
            <li id="one" class="files">
                <a href="#one">Administración<span>Nº 1</span></a>
                <ul class="sub-menu">
                    <li>
                        <p:commandLink update=":panelContent" action="#{shopRoleController.initValuesCompany()}">
                            <i class="glyphicon glyphicon-list-alt"></i> Empresas <span id="point">1</span>
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/administration/company_view.xhtml" />
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink update=":panelContent" action="#{shopRoleController.initValuesShop()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/administration/shop_view.xhtml" />
                            <i class="glyphicon glyphicon-list-alt"></i> Tiendas <span id="point">2</span>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink update=":panelContent" action="#{shopRoleController.initValuesStoreHouse()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/administration/storehouse_view.xhtml" />
                            <i class="glyphicon glyphicon-list-alt"></i> Almacén <span id="point">3</span>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink update=":panelContent" 
                                       action="#{employeeRoleController.initValuesForEmployee()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/administration/employee_view.xhtml" />
                            <i class="glyphicon glyphicon-user"></i> Usuarios - Roles <span id="point">4</span>
                        </p:commandLink>
                    </li>
                    <hr/>
                    <li>
                        <p:commandLink update=":panelContent" action="#{providerController.initValuesProvider()}">
                            <i class="glyphicon glyphicon-list-alt"></i> Proveedores
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/administration/provider_view.xhtml" />
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink update=":panelContent"
                                       action="#{productController.initValuesProduct()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/maintenance/product_view.xhtml" />
                            <i class="glyphicon glyphicon-barcode"></i> Productos <span id="point">4</span>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink update=":panelContent"
                                       action="#{productController.initValuesMark()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/maintenance/mark_create_view.xhtml" />
                            <i class="glyphicon glyphicon-list-alt"></i> Marcas <span id="point">3</span>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink update=":panelContent"
                                       action="#{productController.initValuesUnitType()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/maintenance/unittype_create_view.xhtml" />
                            <i class="glyphicon glyphicon-list-alt"></i> Tipo de Unidad <span id="point">2</span>
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink update=":panelContent"
                                       action="#{productController.initValuesCategory()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/maintenance/category_create_view.xhtml" />
                            <i class="glyphicon glyphicon-list-alt"></i> Categoría <span id="point">1</span>
                        </p:commandLink>
                    </li>
                </ul>
            </li>
            <li id="three" class="mail">
                <a href="#two">Ingreso de Productos<span>Nº 2</span></a>
                <ul class="sub-menu">
                    <li>
                        <p:commandLink update=":panelContent"
                                       action="#{inputProductController.initValuesWizard()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/operation/register_product/register_product_to_any.xhtml" />
                            <i class="glyphicon glyphicon-import"></i> Ingresar Productos
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink update=":panelContent"
                                       action="#{documentController.initValuesForInputDocument()}">
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/operation/register_product/document_view.xhtml" />
                            <i class="glyphicon glyphicon-import"></i> Lista de Ingresos
                        </p:commandLink>
                    </li>
                </ul>
            </li>
            <li id="three" class="mail">
                <a href="#two">Translados de Productos<span>30</span></a>
                <ul class="sub-menu">
                    <li>
                        <p:commandLink >
                            <i class="glyphicon glyphicon-share-alt"></i> Almacén <i class="glyphicon glyphicon-chevron-right"/> Tienda
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink >
                            <i class="glyphicon glyphicon-resize-full"></i> Almacén <i class="glyphicon glyphicon-chevron-right"/> Almacén
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink >
                            <i class="glyphicon glyphicon-resize-small"></i> Tienda <i class="glyphicon glyphicon-chevron-right"/> Tienda
                        </p:commandLink>
                    </li>

                </ul>
            </li>
            <li id="three" class="mail">
                <a href="#two" style="color: #F54D27;">Deudas Pendientes<span>30</span></a>
                <ul class="sub-menu">
                    <li>
                        <p:commandLink update=":panelContent" action="#{accountForPayController.initValuesForAccountForPay()}">
                            <i class="glyphicon glyphicon-lock"></i> Proveedores
                            <f:setPropertyActionListener
                                target="#{navigationController.navigationContent}"
                                value="./pages/operation/account_for_pay/account_foy_pay_view.xhtml" />
                        </p:commandLink>
                    </li>
                </ul>
            </li>
            <li id="three" class="mail">
                <a href="#two" style="color:#769DD1;">Reportes<span>30</span></a>
                <ul class="sub-menu">
                    <li>
                        <p:commandLink >
                            <i class="glyphicon glyphicon-signal"></i> Ventas Mensuales
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink >
                            <i class="glyphicon glyphicon-signal"></i> Producto Más Rentable
                        </p:commandLink>
                    </li>
                    <li>
                        <p:commandLink >
                            <i class="glyphicon glyphicon-signal"></i> Tienda Con Más Ventas
                        </p:commandLink>
                    </li>

                </ul>
            </li>
        </ul>
        <!-- FOOTER DEL MENÚ -->
        <ul class="list-unstyled hidden-xs" id="sidebar-footer">
            <li>
                <a href="#">
                    <i class="glyphicon glyphicon-thumbs-up"></i>
                    ©Copyright Max - Jorge
                </a>
            </li>
        </ul>
    </h:form>

</ui:composition>
